<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* Style Reset
-----------------------------------------------------------------------------------------------------*/
*{ margin:0px; padding:0px;} 
html{overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote 
{ font-size:14px;_background-image:url(../css/.cn/css/about:blank);_background-attachment:fixed;font-family:'微软雅黑';}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{border:0;}
.clear {clear:both;height: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
a{text-decoration:none;outline:0;}
.noneBottomBorder{ border-bottom: none!important;}	
.noneTopBorder{ border-top: none!important;}
.backgroudW{ background: #fff; padding: 15px; margin: 52px 0px;}
/* header */
.header{ width:100%; position:relative; }
.topnbd{width:100%; height:167px;}
.top{ width:1200px;height:116px; margin:0 auto;   }
.logo{width:630px; float:left;margin-top: 26px;}
.search{width:256px; margin-top: 26px;float:right;}
.qgrx{font-size: 20px;color: #666;text-align: right;}
.dh{font-size: 30px;color: #f04848;font-weight: bold;}

.searchline{height: 60px;line-height: 60px;width: 1200px;margin:0 auto;}
.hotsearch{float: left;}
.hotsearch a{float: left;color: #666;margin-left: 10px;}
.searchr{float: right;padding-top: 10px;}
.sousuo{ background:#049da5  url(../images/search.png); width:48px; height:35px; border:1px;float:right; border-radius: 17px;}
.sousuo:hover{background:#666 url(../images/search.png);-webkit-transition: all .5s;transition: all .5s; }
.sousuo1{border:0px;background:#f3f3f3; width:250px; height:35px; float:right; border-right:0px; padding-left:10px;border-radius: 17px;}


.text{
	float:left;
	width:209px;height:26px;border:1px solid #3c5361;
	font-size:12px;line-height:26px; text-indent: 20px;}
.btnsubmit{
	float:left;
	width:38px;height:28px;border:1px solid #3c5361; border-left:none;
	background: url(../images/index_03.jpg) center center no-repeat #1e292f;cursor:pointer; }
/* end search */ 	
.navgrp{ background: #049da5;width:100%;height:50px;margin:0 auto;border-top:1px solid #049DA5;}
.navbd{position:relative;width:1200px;height:50px;margin: 0 auto; }
.nav{width:1200px;height:50px;}
.nav li{
	 position: relative;float:left;text-align: left; 
	 width:150px;height:50px; display: block;  }
.nav li a{ 
	width:150px;height:50px;display:block; 
	color:#ffffff;font-size:14px;line-height:50px; text-align: center;  }
.nav li a:hover{ color:#ffffff;background:#00585C;}
.nav .menu a{
	width:150px;height:50px;display:block;
	color:#ffffff;font-size:14px; line-height:50px;text-align: center;background:#00585C;}
.nav .on a{
	width:150px;height:50px;display:block;
	color:#ffffff;font-size:14px; line-height:50px;
	background:#00585C;}
#navChild{ 
	position:absolute;left:0; top:50px; width:150px; z-index:99; display: none; z-index: 99999;
	background:#fff;}
#navChild a{
	position:relative; 
	width:150px; height: 50px; display:block;border-bottom: 1px solid #ccc;
	color:#999999!important; font-size:14px;line-height:50px; text-align:center;
	background: #fff;}
#navChild a:hover{color:#049DA5!important;background: #eee;}
/* end navgrp */
	 
.banner{ position:relative;width:100%;height:680px;  }
.bann{
	position:absolute; top:0; left:50%; margin-left: -800px;
	width:1600px; height:370px;}
#focus {position:relative;width:1600px; height:370px; overflow:hidden;}
#focus ul {position:absolute;height:370px; }
#focus ul li {position:relative;float:left;width:1600px; height:370px; overflow:hidden; }
#focus ul li img{ display: block;margin: 0 auto;}
#focus .btn {position:absolute; width:100%; height:12px; left:0px; bottom:24px; text-align:center;z-index: 99;}
#focus .btn  span{width:10px; height: 10px;  display: inline-block; margin-left: 8px; background: #333333; cursor: pointer; border-radius: 50%;}
#focus .btn  span.on{ background: #ffffff;}
/* end banner */
.nsbg {position: relative; 
	width: 100%; height: 50px; border-bottom: 1px solid #b0c0ca; margin-bottom: 40px;
	background: #fff;}
.blue{ 
	position: absolute;left:0px; top:-14px;z-index: 10;
	height:82px;
	background:#049DA5;  }
.nsbd {position: relative;  width: 1000px;height: 50px; margin: 0 auto;}
.notice{ width:674px;height:50px; padding-left: 326px;  }
.notice .title{ 
	float:left;
	width:74px;height:50px;  
	color: #333333;font-size:14px; line-height:50px;}
.notice .noticenr{
	float:left;
	width:600px;height:50px;
	color:#666666; font-size:14px; line-height:50px; }
/* end notice */
.toptel{ 
	position: absolute;left:0px; top:-14px;z-index: 10;
	width:310px; height:82px;
	background: url(../images/telbg.png) left top no-repeat;  }
.toptel .tel{ 
	width:290px;height:60px;padding-left:20px; padding-top:18px;
	color:#4bbeed; font-size: 14px; line-height: 16px; text-align:left;  }
.toptel .tel span{
	display:block;vertical-align:middle;
	color: #4bbeed;font-size:28px;line-height: 32px;font-family:impact;}
/* end topbd */
.sectionB{ width: 100%; border-top: 1px solid #b0c0ca; }
.section{ width:100%; margin:auto; position:relative; clear:both; padding-top: 34px; padding-bottom: 38px; }
.inProBd{ width: 1200px; height: 670px; margin: 0 auto;}
.leftlist{
	margin-top: 68px; float:left;
	width: 246px; 
}
.inProClaList{background: #049DA5;height: 618px; border-radius : 0 0 15px 15px;}
.inProClaList2{background: #049DA5;height:450px;margin-top:16px;  border-radius : 0 0 15px 15px;}
.ProClaT{ 
	width: 220px;height:54px; padding-left: 24px;
	color:#fff;font-size: 26px; line-height: 54px; text-align: left; 
	background: #049DA5;}
.pbg{position: relative;left: 80px;}
.pmore{height: 168px;line-height: 168px; width: 1200px;margin:0 auto;text-align: center;}
.pmore a{color: #666;width: 174px;height: 50px; border: 1px solid #666;font-size: 18px;line-height: 50px;display: inline-block;position: relative;background:#fff;}
.pmore hr{position: relative;top: 82px;}

.ProClaT span{ color:#1561af;}	
.ProClaList{width: 244px; border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.ProClaList li{ width: 244px; height: 54px; border-bottom: 1px solid #ccc;text-indent: 2em;background: #fff;}
.ProClaList li a{ height: 54px; color:#666666; font-size: 15px; line-height: 54px;}
.ProClaList li:hover a{color:#049DA5;}	
.jt{display: none;}
.ProClaList li:hover .jt{color:#049DA5;display: -webkit-inline-box;}	

.ll1{padding: 30px 10px; border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.ll2{padding: 20px 10px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.ll3{padding: 10px 10px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.ll1,.ll2,.ll3{background: #fff;font-size: 16px;color: #666;font-weight: bold;line-height: 2em;}

.bigr{color: #f04848;font-size: 26px;}

/*end inProClaList*/

.albg{background:url(../images/albg.png); height: 676px; }
.casetitle{text-align: center;width:608px;color:#fff;font-size: 36px;margin:0 auto;padding-top: 66px;}
.casetitle span{color: #049DA5;}
.casetitle .bigword{float: left;padding: 0 50px;}
.casetitle hr{float: left;width: 180px;margin-top: 26px;}
.casetitle .comm{font-size: 18px;text-align: center;padding: 14px 0 88px 0;}
 
.qiyetitle{color: #666;text-align: center;width:608px;font-size: 36px;margin:0 auto;padding-top: 66px;}
.qiyetitle span{color: #049DA5;}
.qiyetitle .bigword{float: left;padding: 0 50px;}
.qiyetitle hr{float: left;width: 180px;margin-top: 26px;}
.qiyetitle .comm{font-size: 18px;text-align: center;padding: 14px 0 50px 0;}
 
 .sectionabout {
 	background: #fafafa;
    width: 100%;
    margin: auto;
    position: relative;
    clear: both;
    padding-bottom: 30px;
 }

.about{width: 1200px;height: 311px;margin:0 auto;box-shadow: 6px 6px 0px #7FCBCF;background: #fff;}
.aboutl{width: 586px;float: left;}
.aboutr{float: left;width: 49%;} 
.aboutr{font-size: 18px;color: #666;line-height: 2em;text-indent: 2em;padding: 33px 10px 0 10px;}
.aboutr span{color: #049da5;}
.aboutr a{color: #666; font-size: 14px;border: 1px solid #049da5;border-radius: 30px;padding: 10px 20px;position: relative;top: 26px;}

.lclist{
	width: 1200px;
	margin:60px auto;
}
.lclist li{float: left;}
.lclist li .imgbox{float: left;width: 154px;text-align: center;font-size: 19px;color: #666;}
.imgbox h3{font-weight: normal;padding: 10px 0;}
.lclist li p{height: 154px;line-height: 154px;color: #049da5;font-size: 40px;width: 55px;text-align: center;float: left;}


.proListPic {float:left; width:934px;height: 1100px; padding-left: 20px; padding-top: 66px;  }
.proListPic ul li{ 
	position: relative;float:left;
	width:284px; height:344px; margin-left: 26px;margin-bottom: 24px;
	}		
.proListPic ul li .pic{width:284px; height:344px;}
.proListPic ul li .pic p{font-size: 16px;height: 60px;line-height: 60px;text-align: center;color: #666;background: #ededed;}

.proListPic ul li:hover p{background: #049da5;color: #fff;}
.proListPic ul li:hover {-moz-box-shadow:0px 0px 20px 2px #ccc;-webkit-box-shadow:0px 0px 20px 2px #ccc;box-shadow:0px 0px 20px 2px #ccc;}

.pList {float:left; width:934px;padding-left: 20px; padding-top: 66px;  }
.pList ul li{ 
	position: relative;float:left;
	width:284px; height:344px; margin-left: 26px;margin-bottom: 24px;
	}		
.pList ul li .pic{width:284px; height:344px;}
.pList ul li .pic p{font-size: 16px;height: 60px;line-height: 60px;text-align: center;color: #666;background: #ededed;}

.pList ul li:hover p{background: #049da5;color: #fff;}
.pList ul li:hover {-moz-box-shadow:0px 0px 20px 2px #ccc;-webkit-box-shadow:0px 0px 20px 2px #ccc;box-shadow:0px 0px 20px 2px #ccc;}


/*end proListPic*/
.Ttitle { 
	position:relative;width:460px; height:65px; margin: 0 auto; padding-top: 5px;
	background: url(../images/titlebg.jpg) center center no-repeat;}
.Ttitle .Font{ 
	width:460; height:30px; display: block;
	color: #f02e49; font-size: 24px; line-height: 30px; text-align: center;}
.Ttitle .English{
	width:460; height:30px; display: block;
	color: #1561af;font-size: 24px; line-height: 30px; text-align: center; font-family: impact; text-transform: uppercase;}	
.Tmore {
	position:relative;  margin: 0 auto;
	width:272px; height:34px;border: 1px solid #7a7a7a;
	background: url(../images/index_24.jpg) 170px center no-repeat;  }
.Tmore a{
	width:172px; height:34px; display: block; padding-left: 100px; 
	color: #333; font-size: 14px; line-height: 34px; }
.none{ display: none;}
/*end Ttitle*/

.newssection{
	width: 100%;
    margin: auto;
    position: relative;
    clear: both;
    padding-bottom: 38px;
}
.news{width: 1200px;height: 311px;margin:0 auto;}
.newsl{width: 586px;float: left;}
.newsr{float: left;width: 46%;} 
.newsr{line-height: 2em;padding: 33px 20px 0 20px;}
.newsr h2{color: #666;font-size: 30px;padding-bottom: 14px;}
.newsr h3{color: #049da5;font-size: 16px;padding: 18px 0;}
.newsr p{color: #c6c6c6;font-size: 14px;padding-bottom: 30px;}
.newsr a{color: #666; font-size: 14px;border: 1px solid #049da5;border-radius: 30px;padding: 10px 20px;position: relative;top: 26px;}
.newsfenlei{
	width: 384px;margin:0 auto;text-align: center;height: 48px;padding-bottom: 40px;
}
.newsfenlei h3{height: 48px;line-height: 48px;width: 160px;}
.fenlei{font-weight: normal;color: #049da5;border:1px solid #049da5;}
.act{color: #fff;background: #049da5;}
.newsList{ width: 1200px; margin: 0 auto; padding-top: 60px; padding-bottom: 100px;}        
.newsListDl{ 
	float: left;margin:0 20px;
	width: 560px; height: 113px;border-bottom:1px solid #d5d5d5;}
.newsListDl a{width: 560px; height: 90px; display:block;padding-bottom:1px;}
.newsListDl dt{ float: left;text-align: center;height: 113px;padding: 30px 10px;}	
.newsListDl dt h6{ font-size: 30px;color: #666;}	
.newsListDl dt p{ font-size: 18px;color: #666;}	
.newsListDl dd{float: left;  width: 410px; height:113px;  }
.newsListDl .title {
	width: 410px; height: 30px; display: block; padding-top: 18px;
	color:#049da5; font-size:16px; line-height:30px;}	
.newsListDl .intro{
	width: 410px; height: 48px; display: block; overflow: hidden;
	color:#999; font-size:12px; line-height:24px;}
.newsListDl:hover{
	-moz-box-shadow:0px 0px 20px 2px #ccc;-webkit-box-shadow:0px 0px 20px 2px #ccc;box-shadow:0px 0px 20px 2px #ccc;
}

.newlist{height: 124px;}
.nltime{border-right: 1px solid #ccc;height: 80px; line-height: 80px;text-align: center;padding: 22px;position: relative;}
.nltime span{font-size: 20px;color:#666;border-radius: 25px;background: #eee;padding:10px 20px;}
.nlr {width:700px;height:80px;padding-left: 20px;position: relative;}
.nlr h3{font-size: 18px; color: #333;padding: 16px 0;}
.nlr p{font-size: 14px; color: #666;line-height: 2em;}
.nlr a{position: absolute;right: 0;bottom: -44px;color: #fff;background: #F04848;width: 108px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;}
.circle{border-radius: 50%;width: 19px;height: 19px;background: #F04848;box-shadow: 0 0 0 2px #fff,0 0 0 4px #F04848;position: absolute;right: -10px;top: 52px;}
.nlistFenlei{
    width: 600px;
    margin: 0 auto;
    text-align: center;
    height: 48px;
    padding: 40px 0;
}
.nlistFenlei a {color: #049da5;}
.act a{color: #fff;}
.nlistFenlei li{
	margin-left: 38px;
	float: left;   
	height: 48px;
    line-height: 48px;
    width: 160px;
    border: 1px solid #049da5;
}

/* end newsListDl */	
	
/*section*/
.casePic{ width:1000px;height:376px;padding-top:40px;padding-bottom:40px; margin: 0 auto;}
.casePic ul li{
	 position:relative;float:left;
	 width: 249px; height: 186px;margin-right:2px;margin-bottom:2px;}
	 
.casePic li.caseMenu{ width: 247px; height: 186px;}	 
.casePic .caseMenu a{
	width: 247px; height: 186px; display: block;
	background:url(../images/casebg.jpg) center center no-repeat #1561af;}
.casePic .caseMenu .font{
	display: block;
	width:192px; height:34px;  padding-left: 55px; padding-top: 60px;
	color: #fff; font-size: 24px;line-height: 34px;}
.casePic .caseMenu .english{ 
	display: block;
	width:212px; height:26px;  padding-left: 35px;
	color: #4bbeed;font-size: 24px; line-height: 26px;text-transform: uppercase; font-family: impact;}
.casePic li.caseMore{ width: 247px; height: 186px;}	
.casePic li.caseMore a{
	width: 247px; height: 60px; padding-top: 126px;
	color:#f02e49; font-size: 14px; line-height: 40px; text-align: center;
	background: url(../images/index_32.jpg) center 34px no-repeat #fff;}
.casePic li.caseMore a:hover{
	width: 247px; height: 60px; padding-top: 126px;
	color:#ffffff; font-size: 14px; line-height: 40px; text-align: center;
	background: url(../images/index_32w.jpg) center 34px no-repeat #c71730;}
		
.casePic li a{ width: 249px; height: 186px; display: block;}		
.casePic .con{
	position:absolute;left:0px; bottom:0; z-index:99;
	width:100%; 
	background:url(../images/propicbg.png) left top repeat;}
.casePic .title{ 
	width:100%; height:40px;
	color:#fff;font-size:14px;line-height:40px;text-align:center; font-weight: bold;}
.casePic .conbody{width:100%; height:146px;display:none}
.casePic .intro{
	width:90%; margin: 0 auto;
	font-size:12px;color:#fff;line-height:26px;}
/*end casePic*/
.company{ width:1000px; margin:0 auto; }
.companynr{
	width:1000px; height:141px; padding-top: 10px;  
 	font-size:14px;color:#666666; line-height:26px;
 	overflow:hidden; }
.name{ 
	width:1000px; height:34px;display: block; padding-bottom: 10px;  
	color: #333333; font-size: 24px; line-height: 34px; text-align: center;  }
/*end company*/
/*end inMain*/
/* footer*/
.footer{ width:100%;background: #232f36; }
.btnav{ width: 100%; height: 104px;  border-bottom: 1px solid #1d5a9b;  padding-top: 25px; 
	background: #049DA5;  }
.btnavlist{ width: 1000px; height: 80px; margin: 0 auto; }
.btnavlist a{
	float: left; margin-right: 14px;
	width: 186px; height: 40px; display: block; border-bottom: 1px solid #2862a0;
	color:#ffffff;font-size:14px; line-height: 40px;   }
.btnavlist a span{ padding-left: 5px; color:#fff; font-size:12px; text-transform: uppercase;}
.btnavlist a:hover{color:#4bbeed;}
.btnavlist a:hover span{color:#4bbeed;}
/*end btnavlist*/

.footnav{width:1200px;height:62px;margin: 0 auto; }
.footnav li{
	 position: relative;float:left;text-align: left; 
	 width:150px;height:62px; display: block;  }
.footnav li a{ 
	width:150px;height:62px;display:block; 
	color:#999;font-size:18px;line-height:62px; text-align: center;  }

.footTwo{width:1200px;margin: 0 auto; }
.ft1{
	height: 76px;margin-top: 30px;
	color: #999;width: 550px;
    float: left;
}
.ft1r{padding: 0 10px;border-left: 1px solid #999;margin: 10px 0 0 12px;float: left;}
.ft1 h3{font-size: 26px;}
.ft1 p{font-size: 18px;}
.ft1 span{color: #049da5;}
.big{font-size: 30px;}


.ft2{ color: #999; height: 110px;border-left: 1px dashed #999; padding: 24px;}
.ft2 p{text-align: center;}
.ft2 img,.ft2 p{margin-left: 34px;}
.ft3{width: 260px;float: left;color: #999;font-size: 16px;}
.ft3 h3{font-size: 35px;color: #049da5;}
.ft3 p{line-height: 2em;}
.foot_t{background: #1A212A;padding-bottom: 20px;}

.f_b{width: 100%;height: 50px;line-height: 50px;color: rgb(255,255,255,0.5);background: #000;}
.f_b a{color: #999}
.bbb{width: 1000px; margin:0 auto;}

/*end link*/
.copyright{width:1000px;padding-top:20px;padding-bottom:30px; margin: 0 auto;}
.copyrightnr{ 
	width:1000px;
	color:#42525b;font-size:12px; line-height:30px;  text-align: center; font-family: '宋体'; }
.copyrightnr a{color:#42525b}
.copyrightnr a:hover{color:#ffffff}
/*end copy*/
/* 分页样式 contact*/
.sectionbg{ width:100%; margin:0 auto; position:relative; clear:both; overflow:hidden;}
.main{position:relative; width:1200px; padding-bottom: 20px; margin:0 auto;  }
.left{float:left; width:230px; overflow:hidden; margin-right:20px; margin-top: -1px;}
.leftProClaList{ 
	width:230px;  height:100px; height:auto!important;min-height:100px; padding-bottom: 10px;
	background: #fff; }
.leftProClaList ul	{ width: 192px;padding:0px 19px}
.leftProClaList ul li{ 
	width: 150px;height: 40px;padding-left: 14px;padding-right: 26px;border: 1px solid #b7c5ce;
	overflow:hidden;background:url(../images/proclassbg.png) 170px center no-repeat #f6f6f6; margin-bottom: 10px;}
.leftProClaList a{color:#666666;font-size:14px;line-height:40px;    }
.leftProClaList ul  ul{ width: 190px;border-bottom: 1px solid #b7c5ce; padding:0px; margin-top:-11px; margin-bottom: 10px; display: none;}
.leftProClaList ul  ul li{
	width: 190px; height: 40px; border-bottom: none; border-top:1px solid #20a0ff; padding:0px; margin: 0px;}
.leftProClaList ul  ul li a{
	width: 134px;  height: 40px; padding-left: 30px; padding-right: 26px; border:none; display: block;
	color:#fff; line-height: 40px;
	background: #049DA5;}
.leftProClaList ul  ul li a:hover{color:#4bbeed}	
.leftProClaList ul li.open{ background:url(../images/proclassbg.png) 170px center no-repeat #049DA5;  }
.leftProClaList ul li.open a{ color:#fff}
.leftProClaList ul li.on{ background:url(../images/proclassbg.png) 170px center no-repeat #049DA5;  }
.leftProClaList ul li.on a{color:#ffffff;}
/*end leftProClaList*/
.leftTitle{ width: 100%; height: 40px;
	color:#f02e49; font-size: 24px; line-height: 40px; text-align: center;}
.leftTitle span{ color:#1561af;}	
.contactTel{
	width: 202px; height:44px; 
	color: #1561af;font-size:24px; line-height:44px;font-family:impact; text-align: center;}
.leftContact{ width: 202px; padding: 10px 14px; margin-top:24px;background: #fff;}
.contactnr dl{width:202px; display:block;clear:both;}
.contactnr dl dt,.contactnr dl dd{font-size:12px; color:#666666; line-height:26px; }
.contactnr dl dt{ width:40px; float:left; padding-left: 10px; }
.contactnr dl dd{width:142px; float:left; }
.leftNews{ width: 202px;padding:10px 14px;background: #fff; margin-top: 24px; }
.leftNews ul{ padding-top: 5px;}
.leftNews li{
	width: 182px; height: 36px;padding-left:20px;border-bottom: 1px solid #d4dde3;
	background: url(../images/product_03.jpg) 5px center no-repeat;}
.leftNews li a{color: #666666; font-size: 12px; line-height: 36px;}
/*end leftNews*/
.mainCon{width:950px; float:left;}
.mainConTitle{
	position: relative;padding-left: 20px;
    margin-top: 50px;
	height:60px;border-bottom: 1px solid #b0c0ca;  }
.mainConTitle .mFont{float: left;
	min-width: 100px; width:auto; height: 60px;
	color: #000;font-size: 22px;  line-height: 56px;}	
.mainConTitle .mEnglish{
	float: left;
	width: 160px; height: 60px;
	color:#42525b; font-size: 24px;line-height: 60px; display: block; font-family: impact; text-transform: uppercase;}
.mainConTitle .position {  
	position: absolute; right: 0px; bottom:0px
	height:60px;  
	color: #666666; font-size: 14px;line-height:60px; }
.mainConTitle .position a{color:#666;}
.mainConTitle .position a:hover{color:#049DA5}
.mainConTitle .xian{ 
	width: 120px;height: 2px;
	font-size: 0px; line-height: 0px;
	position:absolute; left:0px; bottom:-2px;background: #348502; 
 }
 /*end mainConTitle*/
.mainConList .pic1{ 
	float:left;
	width:230px; height:224px; border:4px solid  #fff;margin-right: 18px;margin-top: 24px; 
	background: #ffffff; overflow: hidden; }
.mainConList .pic1 a{
	width:230px; height:224px;display: block;
	background: #ffffff;}		
.mainConList .pic1 dt{position: relative;width：230px; height:172px;}
.mainConList .pic1 dd{
	position: relative;
	width:214px; height:52px;padding:0 5px;}
.mainConList .pic1 .title{
	width:214px; height:52px; display: block; 
	color:#666666;font-size:16px;line-height:52px;  text-align: center; }
.mainConList .pic1 .intro{
	position: absolute;left:0px; top:0px;
	width:190px; height:132px; display: none; padding: 20px; 
	color:#cccccc;font-size:14px;line-height:30px;
	background: url(../images/propicbg.png);  }	
 /*end pic1*/	
.mainConList .pic2 a{ display: block; padding-bottom:15px; padding-top:14px; padding-left: 8px; padding-right: 8px; height:121px; border-bottom:1px solid #eaeaea}
.mainConList .pic2 dt{
	float: left; 
	width:154px; height:115px; margin-right: 16px;  border: 3px solid #fff; }
.mainConList .pic2 dt img{ display:block;}
.mainConList .pic2 dd{ width:524px;  float:left;}
.mainConList .pic2 .title{color:#666666;font-size:14px; line-height:36px; font-weight:bold;}
.mainConList .pic2 .intro{font-size:14px;color:#666666;line-height:24px}
.mainConList .pic2 .time{ color: #999999; font-size: 12px;line-height:28px}
.mainConList .pic2 a:hover{ background: #e5ebf1;}
.mainConList .pic2 a:hover .title{ color:#1561af}
/*end pic2*/

/*end ul*/
.pglist{ width:100%;clear:both;height:80px; }
.pglist ul{ width:100%;text-align:right; padding-top:20px;}
.pglist ul li{
	vertical-align: bottom; display:inline-block;*display:inline; *zoom:1;
 	width:30px;height:30px;*margin-left:5px;_display:inline; _zoom:1; _margin-left:5px;  border:1px solid #1561af;
 	font-size:14px;line-height:30px; text-align:center; background:#1561af}
.pglist ul li a{color:#fff; line-height:30px; display:block}
.pglist ul li.home,.pglist ul li.end{ width:60px; height:30px; border:1px  solid #1561af;}
.pglist ul li.next,.pglist ul li.last{ 
	width:30px; height:30px;border:1px  solid #1561af;
	font-size:24px;line-height: 30px;  font-family:'宋体'!important; font-weight:bold; }
.pglist ul li.on{background:#f02e49;border:1px  solid #f02e49;}
.pglist ul li.on a{color:#fff;}
.pglist ul li.nohover{background:#42525b;border:1px  solid #42525b;font-family:'微软雅黑';color:#fff}
.pglist ul li.nohover a{color:#fff;}
/*end pglist*/
.mainContect{ 
	color:#666;font-size:14px;line-height:30px;overflow:hidden;
	margin-top:16px; padding-top:22px; height:auto!important;word-wrap:break-word; word-break:break-all;padding-bottom:20px;
	background:#fff ;}
.mainContectx{ 
	color:#666;font-size:14px; overflow:hidden
	margin-top:16px; padding-top:22px; height:auto!important;min-height:1090px;height:1090px;word-wrap:break-word; word-break:break-all;padding-bottom:20px;
	background:#fff ;}
.mainContect img{ max-width: 100%;}
.mainContect .title{ 
	width:720px; padding:25px 15px 0px 15px;
	color:#049DA5;font-size:22px; line-height:36px;text-align:center;font-weight:bold; }
.mainContect .time{
	width: 525px; height: 50px;border-bottom:1px dotted #ddd;padding-top:15px;padding-left:225px;
	color:#999999;font-size:12px;line-height:30px; font-weight:normal}
.mainContect .timea{ width:170px; float:left;}	
.mainContect .bdsharebuttonbox{ float: left;}
.mainContect .pic{ width:100%; text-align:center;padding:20px 0;}
.mainContect .pic img{margin:0 auto;}
.mainContect .con{ padding:0 40px 20px 40px;line-height:30px;font-size:14px; color:#666;word-wrap:break-word; word-break:break-all;overflow:hidden}
.mainContect .con img{margin:0 auto; line-height: 0px;vertical-align: bottom;}

.mainContect .conTitle{ width: 100%; border-bottom: 1px solid #c8c8c8;margin-bottom: 15px;}
.mainContect .conTitle span{ 
	width: 120px; height: 36px;display: block;
	color:#fff; font-size: 16px;line-height: 36px; text-align: center;
	background: #0b61a5;}
.mainContect .pgfy{
	 width:96%; border-top:1px solid #eaeaea; padding-top:15px;padding-bottom:20px; margin: 0 auto;}
.mainContect .pgfyl{float:left;  width:575px;padding-left: 25px;}
.mainContect .pgfyl p{ color:#049DA5;font-size: 14px;}
.mainContect .pgfyl p a{ color:#049DA5; font-size: 14px;}
.mainContect .pgfyr{ width:100px;float:left; text-align:center;padding-top:30px;}
.mainContect .pgfyr a{ color:#049DA5;font-size:14px;}
.searchback{color:#049DA5;font-size: 14px;}
/* hr*/
.hrBox{ width:634px; float:left; min-height:91px; _height:91px; border:1px solid #dbdbdb; margin-top:20px;  margin-left:40px;_margin-left:30px; } 
.hrBoxL{ width:100px; float:left; text-align:center;  }
.hrBoxL li{ width:100px; min-height:30px; _height:30px; line-height:30px;border-bottom:1px #dbdbdb solid;vertical-align: bottom}
.jobName{ width:380px; float:left;}
.hrBtn{ width:100px; float:left; text-align:center; padding-top:3px;}
.hrBoxL li.haode{ border-bottom:none;}
.hrBoxR{ width:533px; float:left; text-align:left; border-left:1px solid #dbdbdb;}
.hrBoxR li{ width:508px; min-height:30px; _height:30px; line-height:30px; border-bottom:1px #dbdbdb solid; padding-left:15px; vertical-align: bottom; padding-right:10px;}
.hrBoxR li.topline{ overflow:hidden; height:30px;}
.hrBoxR li.topline img{ margin-top:3px;}
.hrBoxR li.haode{ border-bottom:none;}
.hrTable{ width:614px; float:left; height:440px; background:#efefef; border:1px solid #dbdbdb;margin-left:35px;_margin-left:17px;}
.tableTitle{ width:614px; height:36px; text-align:center; line-height:36px; border-bottom:1px solid #dbdbdb; font-weight:bold;}
.lineOne{ height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; width:614px;}
.lineOneL{ width:94px; float:left; text-align:center; border-right:1px solid #dbdbdb;}
.lineOneR{ width:509px; float:left; padding-left:10px;}
.tableMainL{ width:94px; float:left; border-right:1px solid #dbdbdb; text-align:center;}
.tableMainL li{ width:94px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb;}
.tableMainR{ width:211px; float:left; border-right:1px solid #dbdbdb; text-align:left; }
.tableMainR li{ width:206px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainR li span{display:inline-block;}
.tableMainRno{ width:212px; float:left; text-align:left;}
.tableMainRno li{ width:207px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainRno li span{display:inline-block;}
.input_hr{ width:126px; height:17px; line-height:17px; padding:0px; vertical-align:middle; font-size:12px; border:1px solid #dbdbdb;}
.sel_hr{ width:130px; height:20px; line-height:20px; padding:0px; vertical-align:middle; font-size:12px; }
.bottomLine{ width:614px; height:123px; border-bottom:1px solid #dbdbdb; }
.lineBootL{ width:94px; height:123px; border-right:1px solid #dbdbdb; text-align:center; float:left;}
.lineBootR{ width:509px; float:left; padding-left:10px;  height:123px;}
.are_hr{ width:470px; height:80px; margin-top:11px;}
.hr_btn{ width:614px; height:31px; line-height:31px;}
.hr_btnL{ width:310px; float:left; border-right:1px solid #dbdbdb; text-align:center; height:31px;}
.hr_btnR{ width:300px; float:left; text-align:center; }
.c_red{ color:#f00;}
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}
/* hr */
.hr{ font-size: 14px; color:#666666; margin:10px auto; width:95%;font-size:12px;line-height:24px; border:1px #dbdbdb solid;border-collapse: collapse;  }
.hr td{border:1px #dbdbdb solid; border-collapse: collapse; padding:5px;font-size: 14px; color:#666666; }
.hr input,.hr textarea{font-size: 14px; /*height: 20px; line-height: 20px; line-height:1.8;*/ border:1px solid #ccc;}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:14px;color:#666666; }
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}
/* book*/
.bookx{  padding-left:25px; clear:both;}
.bookmain{width:640px; margin:20px auto; height:auto;background:#fff;padding:0 25px ;  }
.bookline{width: 640px; height:20px;float:left; margin-top:10px;}
.book3{ width:640px; margin:0 auto;}
.booktop{ width:640px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; }
.booktop_name{ width:470px; height:30px; float:left; padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:#ccc; text-align:right; line-height:30px;}
.bookcontent{ width:610px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; float:left; line-height:0px;}
.bookadmin_mid{ width:610px; min-height:30px; background:#fff; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);}
.admintimecol{ color:#5e7194;}
.message{ width:600px; height:auto; padding-left:50px; padding-bottom:30px;padding-top:20px}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px; cur/sor:pointer}
.message li input{ height:20px; line-height:20px; width:150px; border:1px solid #ccc;}
.message li p.message_title{
	float:left;
	width:100px; height:25px;  
	text-align:right; line-height:20px;font-size:14px;color:#222}
.message li p.message_content{ width:400px; height:25px; float:left;}
.message li.contentb{ width:500px;height:160px; float:left;}
.message li.contentb textarea{ width:370px; height:120px; border:1px solid #ccc }
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; height:15px; float:left;}
.message li p.message_yzminput input{ width:80px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:170px; height:40px; float:left; text-align:right;}
/* fixed */
.fixed{position:fixed;width:72px;height:176px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:72px;height:58px;}
.book{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.book:hover{background-position:-72px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 -58px no-repeat;height:58px;}
.fixed a.codepic:hover{background-position:-72px -58px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 -117px no-repeat;height:58px;}
.fixed a.backup:hover{background-position:-72px -116px;height:58px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-174px;display:none;}
#picShow{position: fixed;width:100%;height:100%;background:url(../images/blackbg.png) 0 0 repeat;left:0;top:0;z-index:9999}
.pic_show_box{width:100%;height:100%;overflow:hidden;position: relative;}
.pic_show_box img{display:block;margin:93px auto 0;border:5px solid rgba(255,255,255,.2);}
.pic_quit{position: absolute;background:url(../images/quit.png) 0 0 no-repeat;width:64px;height:64px;top:0;right:0;cursor: pointer}
.lbtn{display:block;position: absolute;background:url(../images/leftbtn.png) 0 0 no-repeat;width:53px;height:53px;top:287px;left:65px;}
.rbtn{display:block;position: absolute;background:url(../images/rightbtn.png) 0 0 no-repeat;width:53px;height:53px;top:287px;right:65px;}
.pic_show_box p{width:593px;text-align:center;margin:0 auto;overflow:hidden;font:18px/106px "microsoft yahei";color:#0c4201;text-overflow: ellipsis;white-space: nowrap}
.pic_show_box p a{color:#fff;}
.searchred{ color:#f00 !important; margin:0 !important}
.mbanner{width: 100%;}
.pagess {clear: both;height: 30px;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#049DA5; color:#fff;border: 1px solid #049DA5}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #049DA5;padding: 2px 9px;margin: 0 3px;background:#049DA5;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}



.mainTitle{ margin-left: 20px;   margin-bottom: 40px;height: 58px;line-height: 58px;border-top: 1px solid #049da5;border-bottom: 1px solid #049da5;font-weight: normal;font-size: 30px;color: #333;}
/**/
.liuyan{ padding:50px; overflow:hidden}
.liuyan dd{ margin-bottom:10px;}
.liuyan .k{ width:300px; height:30px; border:1px solid #e5e5e5; padding-left:10px;}
.liuyan textarea{ width:400px; height:100px; border:1px solid #e5e5e5; padding:10px}
.liuyan .t{ width:100px; height:30px; border:0; text-align:center; line-height:30px; color:#fff; background:#06C; cursor:pointer; margin-left:70px}
.liuyan span{ float:left}



/*首页轮播图*/
.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
}
/* 必要布局样式css */
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
	float: left
}
.swiper-container-vertical&gt;.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 10%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 50%;
	height: 100%;
	position: relative;
	padding: 0;
	-webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
	box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 50px;
	margin-top: -25px;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
	margin: 0 5px;
	cursor: pointer;
}
.swiper-slide:hover {
	-webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
	-moz-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
	box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
}
.banner-box {
	width: 1200px;
	margin:0 auto;
	position: relative;
	overflow: hidden;
}
.swiper-container {
	width: 100%;
	margin: 12px 0;
}
.swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: scale(.8);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
	background: #fff;
	padding: 10px 0 20px 0;
}

.swiper-slide h3{
	font-size: 20px;color: #333;padding: 18px;
}
.swiper-slide span{
	background: #049DA5;color: #fff;padding: 8px 10px;margin-left: 18px;
}
.swiper-slide-active, .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.swiper-slide img {
	width: 90%;
	margin:0 auto;
	display: block;
}
.swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: rgba(0,0,0,.8);
}

@media screen and (max-width: 668px) {
.swiper-pagination {
	position: relative;
	margin-bottom: 20px;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: rgba(0,0,0,.8);
}
}
.banner-arrow div:hover {
	background-color: #4a4a4a;
}
.swiper-button-prev {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #7c7c7c center 50%/50% 50% no-repeat;
	left: 10px;
}
.swiper-button-next {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #7c7c7c center 50%/50% 50% no-repeat;
}
.banner-top {
	padding-top: 3.730928444707274%;
}
.banner-title {
	padding: 5px 0;
}
.banner-title h1 {
	text-align: center;
	letter-spacing: 5px;
	font-size: 45px;
	font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu;
	font-weight: normal;
	color: rgb(68, 68, 68);
	padding-bottom: 14px;
}
.banner-text {
	text-align: center;
}
.banner-text p {
	font: 15px/1.5 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', "Hiragino Sans GB", Arial, "Microsoft YaHei", "å¾®è½¯é›…é»‘", "STHeiti", "WenQuanYi Micro Hei", 'PingFang SC', SimSun, sans-serif;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	color: rgb(68, 68, 68);
}
.banner-top-one {
	padding-top: 3.311649911295092%;
}

</pre></body></html>